<html>
    <head>
        <title>CAtegories</title>
        <link type="text/css" rel="stylesheet" media="screen" href="jqtouch/jqtouch.css">
        <link type="text/css" rel="stylesheet" media="screen" href="themes/jqt/theme.css">
        <script type="text/javascript" src="jqtouch/jquery.js"></script>
        <script type="text/javascript" src="jqtouch/jqtouch.js"></script>
        <script type="text/javascript">
            var jQT = $.jQTouch({
                statusBar: 'black'
            });
        </script>
    </head>
    <body>
        <div id="home">
            <div class="toolbar">
                <h1>Categories</h1>
                <a class="button back" href="../dan/main-dan.html">Back</a>
            </div>
	    <div class="toolbar">
	    	<a class="button cancel" href="">Select All</a>
		<a class="button new" href="">Select None</a>
		
	    </div>
            <ul class="edgetoedge">
                <li class="arrow"><a href="#academics">Academics</a><input type="checkbox" checked="checked" id="academic" /></li>
                <li class="arrow"><a href="#athletics">Athletics</a><input type="checkbox" checked="checked" id="athletics" /></li>
		<li class="arrow"><a href="#business">Business</a><input type="checkbox" checked="checked" id="business" /></li>
		<li class="arrow"><a href="#cultural">Cultural</a><input type="checkbox" checked="checked" id="cultural" /></li>
		<li class="arrow"><a href="#dance">Dance</a><input type="checkbox" checked="checked" id="dance" /></li>
		<li class="arrow"><a href="#medicine">Medicine</a><input type="checkbox" checked="checked" id="medicine" /></li>
		<li class="arrow"><a href="#music">Music & The Arts</a><input type="checkbox" checked="music" id="academic" /></li>
            </ul>
	
        </div>
	
        <div id="academics">
            <div class="toolbar">
                <h1>Academics</h1>
                <a class="button back" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Drawn from the Academics calandar on the ASSU students page.</li>
            </ul>
        </div>
         <div id="athletics">
            <div class="toolbar">
                <h1>Athletics</h1>
                <a class="button back" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Drawn from the Stanford Athletics calandar on the ASSU students page.</li>
            </ul>
        </div>

	<div id="business">
            <div class="toolbar">
                <h1>Busines</h1>
                <a class="button back" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Events drawn from business groups across campus. </li>
            </ul>
        </div>
            </body>
</html>
